<template>
	<view>
		<cu-custom title="消息" rightIcon="setting-fill" @rightClick="rightClick"></cu-custom>

		<view class="margin-top bg-white">
			<view class="flex align-center padding solid-bottom">
				<u--image :showLoading="true" radius="0" src="/static/images/ico/ico-11.png" width="100rpx"
					height="100rpx">
				</u--image>
				<view class="margin-left flex-sub">
					<view class="flex flex-between">
						<text class="text-lg text-bold">活动</text>
						<text class="text-sm text-gray">04:33</text>
					</view>
					<view class="margin-top-xs text-gray">
						机构发布夏令营或其他活动通知
					</view>
				</view>
			</view>
			<view class="flex align-center padding">
				<u--image :showLoading="true" radius="0" src="/static/images/ico/ico-12.png" width="100rpx"
					height="100rpx">
				</u--image>
				<view class="margin-left flex-sub">
					<view class="flex flex-between">
						<text class="text-lg text-bold">通知</text>
						<text class="text-sm text-gray">04:33</text>
					</view>
					<view class="margin-top-xs text-gray">
						变更通知或其他信息接受
					</view>
				</view>
			</view>
		</view>
		
		<view class="flex align-center padding">
			<u-icon name="play-right-fill" color="#333" size="28rpx"></u-icon>
			<text class="margin-left-sm text-lg text-bold">我关注的老师</text>
		</view>
		
		<view class="bg-white">
			<view class="flex align-center padding solid-bottom" v-for="(item,index) in 4">
				<u-avatar :src="`https://cdn.uviewui.com/uview/album/${index + 1}.jpg`" size="100rpx"></u-avatar>
				<view class="margin-left flex-sub">
					<view class="flex flex-between">
						<text class="text-lg text-bold">你的大可爱</text>
						<text class="text-sm text-gray">04:33</text>
					</view>
					<view class="margin-top-xs text-gray">
						你好
					</view>
				</view>
			</view>
		</view>
		<u-no-network></u-no-network>
	</view>
</template>

<script>
	export default {
		data() {
			return {

			}
		},
		onLoad(e) {

		},
		onShow() {


		},
		methods: {
			//筛选弹窗
			rightClick() {
				this.$routerGo('/pages/news/set-up')
			},

		}
	}
</script>

<style lang="scss" scoped>

</style>
